<template>
  <el-collapse>
    <el-collapse-item
        v-for="(item, index) in optionInfo"
        :title="item.label"
        :name="index"
        style="width: 95%; padding-left: 5%;"
    >
        <template v-if="item.prop === 'cdt'
        || item.prop === 'pic'
        || item.prop === 'yjpic'
        || item.prop === 'lspic'
        || item.prop === 'wghpic'
        || item.prop === 'dlpic'
        || item.prop === 'qtpic'
    ">
          <el-image :src="tableData[item.prop]" :fit="'cover'" style="width: 400px; height: 400px;"></el-image>
        </template>
        <template v-else>
          {{tableData[item.prop]}}
        </template>
    </el-collapse-item>

  </el-collapse>
</template>

<script setup>


const props = defineProps(["tableData", "optionInfo"])
console.log(props.tableData)
</script>

<style scoped>
.input-style {
  @apply class="flex items-center justify-center";
}
</style>